@charset "utf-8";
@import url("../css/common/grid.css");/*网格*/
@import url("../css/common/layout.css");/*整体框架*/
@import url("../css/common/icon.css");/*图标*/
@import url("../css/navi/navi_02.css");/*02导航*/
@import url("../css/banner.css");/*幻灯片*/
@import url("../css/navi/classify_01.css");/*侧栏样式*/
@import url("../css/adorner/01/A_style.css");/*01装饰器*/
@import url("../css/adorner/02/A_style.css");/*02装饰器*/
@import url("../css/links.css");/*友情链接*/
@import url("../css/kefu.css");/*在线客服*/
@import url("../css/common/doc.css");/*自定义文档*/
@import url("../css/animate.min.css");/*页面动画*/


/*--------引用字体-------*/
@font-face {
    font-family: 'Perbe';
    src: url('perbe.eot');
    src: local('☺'),
		 url(../fonts/perbe.eot?#iefix) format('embedded-opentype'),
         url(../fonts/perbe.woff) format('woff'),
         url(../fonts/perbe.ttf) format('truetype'),
         url(../fonts/perbe.svg#Perbe) format('svg');
    font-weight: normal;
    font-style: normal;
}


.logo {
	padding-top: 5px;
}
.container {
   overflow: hidden;
   padding: 30px 0;
}
.section01 {
    width: 100%;
    height: 635px;
}
.content-title {
    height: 50px;
    margin-bottom: 35px;
}
.content-title h2 {
    color: #0c488c;
    font-size: 36px;
    text-transform: uppercase;
    font-family: "Perbe", Arial, Helvetica, sans-serif;
}
.content-title .tiline {
    width: 380px;
    height: 10px;
    margin:  0 auto;
    background: url(../img/home/title-line.png) no-repeat center center;
}
.section01 .content-turn {
    width: 100%;
    height: 550px;
    background: url(../img/home/hot_bg.jpg) no-repeat center center;
}
.qunar { 
    width: 1200px; 
    position: relative; 
    overflow: hidden; 
}
 .qunar .e_pic_wrap { 
    z-index: 1; 
    white-space: nowrap; 
    width: 1200px; 
    height: 550px; 
}
.qunar .e_pic_wrap li {
    position:relative;  
    display: inline-block; 
    width: 1200px; 
    height: 550px; 
    overflow: hidden; 
}
.qunar .e_pic_wrap .pro_pic {
    width: 600px;
    height: 550px;
    overflow: hidden;
}
.qunar .e_pic_wrap .pro_pic img {
    width: 600px;
    height: 550px; 
    -webkit-transition: all 0.4s linear -1ms;
    -moz-transition: all 0.45s linear -1ms;
    -ms-transition: all 0.4s linear -1ms;
    -o-transition: all 0.4s linear -1ms;
    transition: all 0.4s linear -1ms;
    border: none;
    padding: 0;
}
.qunar .e_pic_wrap .pro_pic img:hover {
    -webkit-transition: all 0.4s linear -1ms;
    -moz-transition: all 0.45s linear -1ms;
    -ms-transition: all 0.4s linear -1ms;
    -o-transition: all 0.4s linear -1ms;
    transition: all 0.4s linear -1ms;
    transform: scale(1.1);
    -ms-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    zoom: 1.1\9; /* IE 8 */
    overflow:hidden;
    z-index:999;
}

.qunar .e_flt_inf { 
    width: 560px; 
    height: 400px; 
    padding: 150px 0 0; 
    overflow: hidden; 
    z-index: 20; 
    color: #fff; 
    white-space: normal; 
    word-wrap: break-word; 
}
.qunar .e_flt_inf h3 {
    margin-bottom: 25px;
}
.qunar .e_flt_inf h3 a { 
    color: #0c488c;
    font-size: 30px;
    font-family: "Perbe", Arial, Helvetica, sans-serif;
}
.qunar .e_flt_inf .t_info { 
    line-height: 20px; 
    height: 120px; 
    font-size: 16px;
    overflow: hidden; 
    margin-bottom: 25px;
}
.qunar .e_flt_inf .t_info a { 
    color: #7e7e7e; 
}
.qunar .e_flt_inf .view {
    display: block;
    width: 150px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    background: #a4a4a4;
    text-transform: uppercase;
    -webkit-transition: all 0.5s linear -1ms;
    -moz-transition: all 0.5s linear -1ms;
    -ms-transition: all 0.5s linear -1ms;
    -o-transition: all 0.5s linear -1ms;
    transition: all 0.5s linear -1ms;
}
.qunar .e_flt_inf .view:hover {
    background: #004490;
    -webkit-transition: all 0.5s linear -1ms;
    -moz-transition: all 0.5s linear -1ms;
    -ms-transition: all 0.5s linear -1ms;
    -o-transition: all 0.5s linear -1ms;
    transition: all 0.5s linear -1ms;
}
.e_prevnext {
    position: absolute; 
    z-index: 30; 
    bottom: 90px;
    left: 640px;
    width: 80px;
    height: 30px;
}
.e_prevnext .prev a, .e_prevnext .next a { 
    display: block; 
    width: 30px; 
    height: 30px; 
    overflow: hidden; 
 }
 .e_prevnext .prev a { 
    background: url(../img/home/turnL.png) no-repeat center center;
}
.e_prevnext .prev a:hover { 
    background: url(../img/home/turnL_h.png) no-repeat center center;
}
.e_prevnext .next a { 
    background: url(../img/home/turnR.png) no-repeat center center;
}
.e_prevnext .next a:hover { 
    background: url(../img/home/turnR_h.png) no-repeat center center;
}


.section02 .fourBox .box {
    width: 590px;
    height: 335px;
    margin: 0 20px 20px 0;
    overflow: hidden;
    background: url(../img/home/pro_bg.jpg) no-repeat center center;
    float: left;
    position: relative;
}
.section02 .box .boxL {
    position: absolute;
    padding: 70px 0 0 45px;
    width: 300px;
    height: 265px;
    z-index: 5;
}
.section02 .box .boxL h3 {
    margin-bottom: 25px;
}
.section02 .box .boxL h3 a {
    color: #0c488c;
    font-size: 24px;
    font-family: "Perbe", Arial, Helvetica, sans-serif;
}
.section02 .box .boxL .b_info {
    line-height: 20px;
    height: 100px;
    font-size: 14px;
    overflow: hidden;
    margin-bottom: 25px;
}
.section02 .box .boxL .b_info a {
    color: #828282;
}
.section02 .box .boxL .view {
    display: block;
    width: 120px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #fff;
    background: #a4a4a4;
    text-transform: uppercase;
    -webkit-transition: all 0.5s linear -1ms;
    -moz-transition: all 0.5s linear -1ms;
    -ms-transition: all 0.5s linear -1ms;
    -o-transition: all 0.5s linear -1ms;
    transition: all 0.5s linear -1ms;
}
.section02 .box .boxL .view:hover {
    background: #004490;
}
.section02 .fourBox .box02, .section02 .fourBox .box04 {
    margin-right: 0;
}
.section02 .box .boxR {
    width: 320px;
    height: 335px;
    overflow: hidden;
}
.section02 .box .boxR img {
    height: 355px;
    width: 300px; 
    -webkit-transition: all 0.4s linear -1ms;
    -moz-transition: all 0.45s linear -1ms;
    -ms-transition: all 0.4s linear -1ms;
    -o-transition: all 0.4s linear -1ms;
    transition: all 0.4s linear -1ms;
    border: none;
    padding: 0;
}
.section02 .box .boxR  img:hover {
    -webkit-transition: all 0.4s linear -1ms;
    -moz-transition: all 0.45s linear -1ms;
    -ms-transition: all 0.4s linear -1ms;
    -o-transition: all 0.4s linear -1ms;
    transition: all 0.4s linear -1ms;
    transform: scale(1.1);
    -ms-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    zoom: 1.1\9; /* IE 8 */
    overflow:hidden;
    z-index:999;
}

.section03 {
	width: 100%;
	min-height: 465px;
}
.section03 .content-left h3 {
	font-size: 30px;
	font-family: "Perbe", Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #1c71aa;
	line-height: 35px;
	margin-bottom: 20px;
}
.section03 .content-left .text p {
	font-size: 16px;
	color: #7c7c7c;
    height: 220px;
	font-family: "Open Sans", Arial, Helvetica, sans-serif;
	line-height: 24px;
	margin-bottom: 40px;
}
.section03 .content-left .view {
    display: block;
    width: 120px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #fff;
    background: #a4a4a4;
    text-transform: uppercase;
    -webkit-transition: all 0.5s linear -1ms;
    -moz-transition: all 0.5s linear -1ms;
    -ms-transition: all 0.5s linear -1ms;
    -o-transition: all 0.5s linear -1ms;
    transition: all 0.5s linear -1ms;
}
.section03 .content-left .view:hover {
    background: #004490;
}

.section04 {
    width: 100%;
    height: auto;
    overflow: hidden;
}
.section04 .new-list li {
    width: 375px;
    height: auto;
    float: left;
    margin-right: 36px;
}
.section04 .new-list li.last {
    margin-right: 0;
}
.section04 .new-list .new-img {
    width: 375px;
    height: 250px;
    overflow: hidden;
    margin-bottom: 20px;
}
.section04 .new-list .new-img img {
    width: 375px;
    height: 250px; 
    -webkit-transition: all 0.4s linear -1ms;
    -moz-transition: all 0.45s linear -1ms;
    -ms-transition: all 0.4s linear -1ms;
    -o-transition: all 0.4s linear -1ms;
    transition: all 0.4s linear -1ms;
    border: none;
    padding: 0;
}
.section04 .new-list .new-img img:hover {
    -webkit-transition: all 0.4s linear -1ms;
    -moz-transition: all 0.45s linear -1ms;
    -ms-transition: all 0.4s linear -1ms;
    -o-transition: all 0.4s linear -1ms;
    transition: all 0.4s linear -1ms;
    transform: scale(1.1);
    -ms-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    zoom: 1.1\9; /* IE 8 */
    overflow:hidden;
    z-index:999;
}
.section04 .new-list .new-info h3 {
    margin-bottom: 10px;
}
.section04 .new-list .new-info h3 a {
    color: #55555f;
    font-size: 18px;
    font-family: "Perbe", Arial, Helvetica, sans-serif;
	text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 375px;
    display: block;
}
.section04 .new-list .new-info p {
    color: #9a9a9b;
    font-size: 14px;
    height: 40px;
	overflow: hidden;
    margin-bottom: 20px;
}
.section04 .new-list .new-info .view {
    display: block;
    width: 90px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    color: #fff;
    font-size: 12px;
    background: #ffbf00;
    text-transform: uppercase;
}
.section04 .new-list .new-info .view:hover {
    background: #004490;
}

.layB {
    width:1200px;
}
.layB .tbC { 
    width:1140px; 
    margin: 0 30px;
    position:relative;    
}
.layB .prev,.layB .next { 
    width:30px; 
    height:70px; 
    position:absolute; 
    left:-30px; 
    top:0;
}
.layB .prev { 
    background: url(../img/home/caseL.jpg) no-repeat center center;
}
.layB .next { 
    background: url(../img/home/caseR.jpg) no-repeat center center;
    left:auto; 
    right:-30px; 
}
.layB .prev:hover { 
    background: url(../img/home/caseL_h.jpg) no-repeat center center;
}
.layB .next:hover{ 
    background: url(../img/home/caseR_h.jpg) no-repeat center center;
}

.layB .slide { 
    width:1140px; 
    overflow:hidden;    
}
.layB ul { 
    overflow:hidden; zoom:1; 
}
.layB li { 
    width:170px; 
    margin:0 10px; 
    display:inline; 
    float:left; 
}
.layB li a {
	display:block;
    width: 170px;
    height: 70px; 
	overflow: hidden;
    border:1px solid #e6e6e6;
}
.layB li img { 
    width: 170px;
    height: 70px; 
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;	
}
.layB li a:hover img { 
    border-color:#888;
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    filter: grayscale(0%);
    cursor: pointer;
	-webkit-transform:scale(1.15);
	-moz-transform:scale(1.15);
	-ms-transform:scale(1.15);
	-o-transform:scale(1.15);
	transform:scale(1.15);
}


.inside_box {
	width: 100%;
	height: 160px;
	background: url(../img/common/inside_box.jpg) no-repeat center center;
}
.inside_box .main {
	height: 160px;
	overflow: hidden;
}
.inside_box h3 {
	font-size: 36px;
    color: #fff;
    font-weight: normal;
    line-height: 50px;
    margin: 40px 0 10px;
    text-align: center;
    font-family: "Perbe", Arial, Helvetica, sans-serif;
}
.inside_box li {
	padding-left: 15px;
	display: inline-block;
	font-size: 16px;
	color: #fff;
}
.inside_box li a {
	font-size: 14px;
    color: #fff;
}

.container .contact {
    width: 520px;
    float: right;
}
.container .message {
    width: 600px;
    float: left;
}
.contact h3, .message h3 {
    color: #333;
    font-size: 30px;
    font-weight: normal;
    text-transform: Capitalize;
    margin-bottom: 30px;
}
.message .part01 {
    margin-bottom: 20px;
}
.message .part01 li {
    margin: 15px 0;
}
.message .part01 input {
    width: 588px;
    text-indent: 6px;
    line-height: 33px;
    border: #bfbfbf 1px solid;
    color: #999;
    height: 33px;
    background: #eceff1;
    font-size: 14px;
    border-radius: 5px;
    box-shadow: inset 0 1px 0 0 #cfd8dc;
}
.message .part01 input:focus, .message .part02 textarea:focus { 
    background: #fff;
    border: #dd9933 1px solid;
}
.message .part02 {
    overflow: hidden;
    margin-bottom: 20px;
}
.message .part02 textarea {
    width: 568px;
    height: 180px;
    border: #bfbfbf 1px solid;
    background: #eceff1;
    font-size: 14px;
    padding: 10px;
    border-radius: 5px;
    box-shadow: inset 0 1px 0 0 #cfd8dc;
}
.message .part03 .button {
    display: block;
    zoom: 1;
    background: #003c7e;
    height: 38px;
    width: 158px;
    border: 0px;
    color: #fff;
    line-height: 38px;
    font-weight: normal;
    cursor: pointer;
    text-align: center;
    font-size: 18px;
    border-radius: 5px;
}



.news_list li {
	width: 1100px;
	height: 267px;
	padding: 30px 0;
	border-bottom: 1px dashed #ccc;
}
.news_list .news_pic  {
	width: 400px;
	float: left;
}
.news_list .news_pic img {
	width: 400px;
	height: 267px;
}
.news_list .news_insto {
	width: 650px;
	height: 267px;
	overflow: hidden;
	position: relative;
	float: right;
}

.news_list .news_insto h3 {
    font-size: 24px;
    font-family: "Bedeli", Arial, Helvetica, sans-serif;
    font-weight: normal;
    color: #562323;
    line-height: 35px;
}
.news_list .news_insto span {
    font-size: 18px;
    font-family: "BeliRegular", Arial, Helvetica, sans-serif;
    font-weight: normal;
    color: #3b3b3b;
    line-height: 35px;
}
.news_list .news_insto h3 a {
	text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 650px;
    display: block;
}
.news_list .news_insto p {
	font-size: 15px;
    color: #adadad;
    margin-top: 10px;
	height: 130px;
    overflow: hidden;
}
.news_list .news_insto .view {
    width: 120px;
    height: 45px;
    line-height: 45px;
    color: #fff;
    font-size: 14px;
    background: #a4a4a4;
    display: block;
    text-align: center;
    position: absolute;
    bottom: 0;
    left: 0;
	-webkit-transition: all 0.5s linear -1ms;
    -moz-transition: all 0.5s linear -1ms;
    -ms-transition: all 0.5s linear -1ms;
    -o-transition: all 0.5s linear -1ms;
    transition: all 0.5s linear -1ms;
}
.news_list .news_insto .view:hover {
    background: #004490;
}
.de_title h3 {
    font-size: 24px;
    font-family: "Bedeli", Arial, Helvetica, sans-serif;
    font-weight: normal;
    color: #562323;
    line-height: 35px;
    margin-bottom: 20px;
}
.de_insro {
	width: 600px;
}
.de_insro p {
	font-size: 16px;
    color: #281e1e;
    font-family: "BeliRegular", Arial, Helvetica, sans-serif;
    line-height: 24px;
    margin-bottom: 15px;
}


.pro_list li {
	width: 262px;
	height: auto;
	padding: 19px 15px;
    float: left;
	border: 1px solid #e5e5e5;
    margin: 0 0 -1px -1px;
}
.pro_list .pro_pic  {
	width: 242px;
    height: 242px;
    padding: 10px;
	float: left;
    margin-bottom: 15px;
}
.pro_list .pro_pic img {
	width: 242px;
	height: 242px;
    -webkit-transition: all 0.4s linear -1ms;
    -moz-transition: all 0.45s linear -1ms;
    -ms-transition: all 0.4s linear -1ms;
    -o-transition: all 0.4s linear -1ms;
    transition: all 0.4s linear -1ms;
    border: none;
    padding: 0;
}
.pro_list .pro_pic img:hover {
    -webkit-transition: all 0.4s linear -1ms;
    -moz-transition: all 0.45s linear -1ms;
    -ms-transition: all 0.4s linear -1ms;
    -o-transition: all 0.4s linear -1ms;
    transition: all 0.4s linear -1ms;
    transform: scale(1.1);
    -ms-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    zoom: 1.1\9; /* IE 8 */
    overflow:hidden;
    z-index:999;
}
.pro_list .pro_instro {
	width: 262px;
	overflow: hidden;
}

.pro_list .pro_instro h3 {
    font-weight: normal;
    color: #562323;
    text-align: center;
    line-height: 35px;
}
.pro_list .pro_instro h3 a {
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 1.27;
    letter-spacing: 0px;
    text-align: center;
    color: #131930;
	white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.pro_list .pro_instro .pro_num {
    font-size: 14px;
    font-weight: normal;
    color: #3b3b3b;
    text-align: center;
    line-height: 35px;
}


.support .title {
	overflow: hidden;
	margin-bottom: 15px;
	border-bottom: 1px solid #dd9933;
}
.support .title p {
	padding: 5px 0;
	color: #555;
	font-size: 16px;
}
.support .s-word h3, .support .message h3 {
	font-family: "Bedeli", Arial, Helvetica, sans-serif;
    color: #333;
    font-size: 24px;
    font-weight: normal;
    text-transform: Capitalize;
	margin-bottom: 5px;
}
.support .message .part01 {
    width: 1100px;
    height: auto;
    margin-bottom: 0;
}
.support .message .part01 li {
    width: 290px;
    float: none;
    margin: 0;
}

.support .message .part01 input {
    width: 1028px;
    text-indent: 6px;
    line-height: 33px;
    border: #aaa 1px solid;
    color: #999;
    height: 33px;
    background: none;
	margin-bottom: 20px;
    font-family: "Calibril", Arial, Helvetica, sans-serif;
    font-size: 14px;
}
.support .message .part02 {
	overflow: hidden;
	margin-bottom: 20px;
}
.support .message .part02 textarea {
    width: 1008px;
    height: 180px;
    border: #aaa 1px solid;
    margin-left: 0;
    background: none;
    font-family: "Calibril", Arial, Helvetica, sans-serif;
    font-size: 14px;
    padding: 10px;
}
.support .message .part03 .button {
    display: block;
    zoom: 1;
    margin: 0;
    background: #562323;
    height: 38px;
    width: 130px;
    border: 0px;
    color: #fff;
    line-height: 38px;
    font-weight: normal;
    cursor: pointer;
    text-align: center;
    font-size: 18px;
	border-radius: 5px;
}

.products_detail h1 {
	text-align: center;
	font-size: 20px;
    background: #34414f;
    width: 800px;
    height: 50px;
    line-height: 50px;
    color: #fff;
}
.products_detail .p-detail {
    font-family: "Calibril", Arial, Helvetica, sans-serif;
    font-size: 18px;
    margin: 20px 0;
}
.products_detail .video-title {
    text-align: left;
    font-size: 30px;
    font-family: "Calibril", Arial, Helvetica, sans-serif;
    font-weight: bold;
    padding-bottom: 5px;
    border-bottom: 1px solid #dd9933;
}
.products_detail .sort-title {
    font-weight: bold;
    margin-bottom: 20px;
    text-align: center;
    font-size: 20px;
    background: #34414f;
    width: 300px;
    height: 50px;
    line-height: 50px;
    color: #fff;
}
.p_sorts .sort_list {
    width: 280px;
    padding: 0 10px;
}
.p_sorts .sort_list li {
    overflow: hidden;
    width: 280px;
    height: 35px;
    margin-bottom: 10px;
}
.p_sorts .sort_list li a { 
    display: block;
    width: 278px;
    height: 33px;
	line-height: 33px;
	text-indent: 10px;
    font-size: 14px;
    border: 1px solid #19a5ec;
}
.p_sorts .sort_list li a::after {
    content: "";
    display: block;
    width: 0;
    height: 35px;
    background-color: #19a5ec;
    margin-top: -35px;
    transition: all 0.6s ease 0s;
}
.p_sorts .sort_list li  a:hover::after { 
	width: 278px; 
	height: 35px;
}
.p_sorts .sort_list li a:hover { 
	color: #fff; 
	border-color: #19a5ec;
}
.products_detail .form-stro {
    text-align: left;
    font-size: 14px;
    line-height: 20px;
    padding: 0 20px;
}
.products_detail .last-form {
    width: 300px;
    float: left;
    border: 1px solid #e8e8f8;
} 
.last-form form {
    overflow: hidden;
    margin-top: 20px;
    padding: 0 20px 20px;
}
.last-form ul li input {
    width: 258px;
    height: 28px;
    border: 1px solid #ddd;
    margin-bottom: 15px;
    text-indent: 15px;
}
.last-form ul li textarea {
    width: 258px;
    height: 128px;
    border: 1px solid #ddd;
    margin-bottom: 15px;
    text-indent: 15px;
    padding: 0;
}
.last-form ul li .button {
    display: block;
    width: 100px;
    height: 30px;
    line-height: 30px;
    background: #0c488c;
    color: #fff;
    text-align: center;
}

.text_title {
	font-size: 28px;
}
.picDes_title {
    border-bottom: 1px solid #bcbab0;
    margin-top: 20px;
    margin-bottom: 30px;
}
.picDes_title h3 {
    display: block;
    position: relative;
    padding: 0px;
    margin: 0px;
    padding-right: 10px;
    top: 12px;
    font-size: 26px;
    background: #fff;
    font-family: Arial, Helvetica, sans-serif;
    display: inline-block;
}
.focusBox { 
    position: relative; 
    width:800px; 
    height:450px; 
    margin: 20px 0;
    overflow: hidden; 
}
.focusBox .pic img { 
    width:800px; 
    height:450px; 
    display: block;
}
.focusBox .hd { 
    overflow:hidden; 
    zoom:1; 
    position:absolute; 
    bottom:10px; 
    right:10px; 
    z-index:3;
}
	.focusBox .hd li{float:left; line-height:15px; text-align:center; font-size:12px; width:25px; height:10px; cursor:pointer; overflow:hidden; background:#919191; margin-left:4px; filter:alpha(opacity=80); opacity:.8; -webkit-transition:All .5s ease;-moz-transition:All .5s ease;-o-transition:All .5s ease }
	.focusBox .hd .on{ background:#fff; filter:alpha(opacity=100);opacity:1;   }

	.focusBox .prev,
	.focusBox .next { width:45px; height:99px; position:absolute; top:91px; z-index:3; filter:alpha(opacity=20); -moz-opacity:.2; opacity:.2; -webkit-transition:All .5s ease;-moz-transition:All .5s ease;-o-transition:All .5s ease}
	.focusBox .prev { background-image:url(images/index.png); background-position:-112px 0; left:0 }
	.focusBox .next { background-image:url(images/index.png); background-position:-158px 0; right:0 }
	.focusBox .prev:hover,
	.focusBox .next:hover { filter:alpha(opacity=60); -moz-opacity:.6; opacity:.6 }